<template>
  <iframe
    ref="ifm"
    id="iframepage"
    class="ifm-page"
    :src="src"
    frameborder="0"
    scrolling="no"
    @load="changeFrameHeight"
    style="width: 100%;"
  ></iframe>
</template>

<script>
import Resize from "@/plugins/mixins/resize";

export default {
  name: "third-app-page",
  mixins: [Resize],
  props:{
    src: {
      type:String,
      default:''
    }
  },
  methods: {
    __resizeHandler() {
      return this.changeFrameHeight();
    },
    changeFrameHeight(e) {
      this.$refs.ifm.height = document.documentElement.clientHeight;
    }
  }
};
</script>
<style>
.ifm-page {
  margin: 0;
  padding: 0;
}
</style>
